Skip to content

Ahoyapps 46 dominant speaker area#8

Merged
charliesantos merged 9 commits intodevelopmentfrom
AHOYAPPS-46-dominant-speaker-area
Oct 31, 2019
Merged

Ahoyapps 46 dominant speaker area#8
charliesantos merged 9 commits intodevelopmentfrom
AHOYAPPS-46-dominant-speaker-area

Conversation

@timmydoza
Copy link
Copy Markdown
Contributor

@timmydoza timmydoza commented Oct 30, 2019

Displays the main speaker's video in the main section of the app.

Contributing to Twilio

All third party contributors acknowledge that any contributions they provide will be made under the same open source license that the open source project is provided under.

  • I acknowledge that all my contributions will be made under the project's license.

Pull Request Details

JIRA link(s):

Description

This PR will display the main speaker's video. The 'main speaker' will be chosen in the following order:

  1. the dominant speaker
  2. the first speaker from the SpeakerStrip
  3. the local participant.

This behavior is modeled off of the existing VBT app.

Burndown

Before review

  • Updated CHANGELOG.md if necessary
  • Added unit tests if necessary
  • Updated affected documentation
  • Verified locally with npm test
  • Manually sanity tested running locally
  • Included screenshot as PR comment (if needed)
  • Ready for review

Before merge

  • Got one or more +1s
  • Re-tested if necessary

@timmydoza
Copy link
Copy Markdown
Contributor Author

image

@timmydoza timmydoza self-assigned this Oct 30, 2019
Comment thread src/components/Room/Room.tsx Outdated
<Container>
<ParticipantStrip />
<MainParticipantContainer>
<Participant participant={mainParticipant} disableAudio />
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is audio disabled by default in VBT?

Copy link
Copy Markdown
Contributor Author

@timmydoza timmydoza Oct 31, 2019

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

disableAudio prevents an <audio> element from being rendered for this participant. I'm doing this here because this participant's <audio> element is already rendered in the <ParticipantStrip /> component.

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Got it. Can you add a comment on this line and put what you just said?

@charliesantos charliesantos merged commit ebdc736 into development Oct 31, 2019
@charliesantos charliesantos deleted the AHOYAPPS-46-dominant-speaker-area branch October 31, 2019 19:33
timmydoza pushed a commit that referenced this pull request Mar 6, 2020
* Add new hooks and tests

* Add main participant to room component

* Move sidebar position to theme

* Lint

* Disable main participant's audio as it will already be rendered in the ParticipantStrip

* Typo

* Change import order

* Fix circleci

* Add comment
timmydoza pushed a commit that referenced this pull request Sep 30, 2020
uriasn pushed a commit to Mastermind-com/twilio-video-app-react that referenced this pull request Oct 6, 2020
* Add new hooks and tests

* Add main participant to room component

* Move sidebar position to theme

* Lint

* Disable main participant's audio as it will already be rendered in the ParticipantStrip

* Typo

* Change import order

* Fix circleci

* Add comment
uriasn pushed a commit to Mastermind-com/twilio-video-app-react that referenced this pull request Oct 6, 2020
* Add new hooks and tests

* Add main participant to room component

* Move sidebar position to theme

* Lint

* Disable main participant's audio as it will already be rendered in the ParticipantStrip

* Typo

* Change import order

* Fix circleci

* Add comment
gabriel-jt added a commit that referenced this pull request Jul 2, 2021
…ublic folder (#8)

* Added npm script to copy video processor sdk assets to public folder

* added postinstall npm script

Co-authored-by: Gabe Espinosa <gespinosa@twilio.com>
charliesantos pushed a commit that referenced this pull request Aug 9, 2021
* Moved more menu to the center of the menu bar

* VIDEO-5731 | Added background option to More Menu, selection dialog, and unit tests (#6)

Added background option to More Menu, selection dialog, and unit tests
Co-authored-by: Gabe Espinosa <gespinosa@twilio.com>

* VIDEO-5733 | Added npm script to copy video processor sdk assets to public folder (#8)

* Added npm script to copy video processor sdk assets to public folder

* added postinstall npm script

Co-authored-by: Gabe Espinosa <gespinosa@twilio.com>

* added rimraf and copyfiles dependency to package.json

* VIDEO-5732 | Added background selection UI (#7)

Added background selection UI

Co-authored-by: Gabe Espinosa <gespinosa@twilio.com>
Co-authored-by: timmydoza <tmendoza@twilio.com>

* VIDEO-5734/blur background feature (#550)

Implemented blur background feature (useBackgroundSettings hook and tests)
Co-authored-by: Gabe Espinosa <gespinosa@twilio.com>

* VIDEO-5735/Add virtual background feature (#557)

Added virtual background feature and unit tests
Co-authored-by: Gabe Espinosa <gespinosa@twilio.com>

* VIDEO-5735 | Add isSupported check and unit test (#560)

add isSupported check and unit test
Co-authored-by: Gabe Espinosa <gespinosa@twilio.com>

* VIDEO-6368 | wait to load image before removing processor (#570)

* wait to load image before removing processor
Co-authored-by: Gabe Espinosa <gespinosa@twilio.com>

* updated twilio-video sdk

* fixed breaking tests

* update package.json version and changelog

* update change log, package.json, and revisions

* Update CHANGELOG.md

Co-authored-by: Gabe Espinosa <gespinosa@twilio.com>
Co-authored-by: timmydoza <tmendoza@twilio.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants